<template>
	<div ref="lifeline">
		<div class="math-formula-panel">
			<h2>地下管网易损性</h2>
			<el-collapse>
				<el-collapse-item title="最大管线应变">
					<div class="collapse-formula">
						<Formula :option="[
							{ content: 'ε', sub: 'max' },
							{ content: '=', margin: '0 8px' },
							{ content: '±' },
							{ content: 'V', sub: 'max' },
							{ content: '/' },
							{ content: 'C', sub: 'p' },
							{ content: '±' },
							{ content: 'a', sub: 'max' },
							{ content: '·' },
							{ content: 'D' },
							{ content: '/' },
							{ content: '(2' },
							{ content: 'C', super: '2', sub: 's' },
							{ content: ')' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="埋地直管段应力计算">
					<div class="collapse-formula">
						<Formula fontWeight="bold" :option="[
							{ content: 'L', super: '\'' },
							{ content: '=', margin: '0 8px' },
							{ content: 'L/cosΦ' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="block" :option="[
							{ content: 'ζ' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[{ content: '1' }],
									[
										{ content: '1+' },
										{
											rows: [
												[{ content: 'EF' }],
												[{ content: 'K' }]
											]
										},
										{ content: '(', fontSize: '32px' },
										{
											rows: [
												[{ content: '2π' }],
												[{ content: 'L', super: '\'' }]
											]
										},
										{ content: ')', fontSize: '32px', super: '2' },
									]
								]
							}
						]"></MultilineFormula>
					</div>
					<div class="collapse-formula">
						<Formula fontWeight="bold" :option="[
							{ content: 'ε', sub: 'p' },
							{ content: '=', margin: '0 8px' },
							{ content: 'ε', sub: 'max' },
							{ content: '·' },
							{ content: 'ζ' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="最大应力">
					<div class="collapse-formula">
						<Formula fontWeight="bold" :option="[
							{ content: 'σ', sub: 'z' },
							{ content: '=', margin: '0 8px' },
							{ content: 'ε', sub: 'p' },
							{ content: '·' },
							{ content: 'E' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="弯曲段应力计算">
					<div class="collapse-formula">
						土静压系数：
						<Formula fontWeight="bold" :option="[
							{ content: 'β' },
							{ content: '-', left: '-20px', top: '-15px' }
						]"></Formula>
					</div>
					<div class="collapse-formula">
						<Formula fontWeight="bold" :option="[
							{ content: 'ε', scale: 2, sub: 'max' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						弯曲段产生的剪力:
						<Formula fontWeight="bold" :option="[
							{ content: 'Q' },
							{ content: '=', margin: '0 8px' },
							{ content: 'ε', scale: 2, sub: 'max' },
							{ content: '·E·F' },
							{ content: '-' },
							{ content: 't', sub: 'u' },
							{ content: '·' },
							{ content: 'L', sub: 'j' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						弯矩:
						<Formula fontWeight="bold" :option="[
							{ content: 'M' },
							{ content: '=', margin: '0 8px' },
							{ content: 'Q/' },
							{ content: '(3X' },
							{ content: 'β' },
							{ content: '-', left: '-20px', top: '-15px' },
							{ content: ')', left: '-18px' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						<Formula :option="[
							{ content: 'I' },
							{ content: '=', margin: '0 8px' },
							{ content: 'π*' },
							{ content: 'd1', super: '4' },
							{ content: '/64' },
							{ content: '-', margin: '0 8px' },
							{ content: 'π*' },
							{ content: 'd2', super: '4' },
							{ content: '/64' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						弯曲段弯曲应力(轴向):
						<MultilineFormula fontWeight="bold" :option="[
							{ content: 'σ', sub: 'w' },
							{ content: '=', margin: '0 8px' },
							{ content: 'i' },
							{ content: '·' },
							{
								rows: [
									[{ content: 'M' }],
									[{ content: 'I' }]
								]
							},
						]"></MultilineFormula>
					</div>
					<div class="collapse-formula">
						弯曲段的剪应力（环向）:
						<Formula fontWeight="bold" :option="[
							{ content: 'τ', sub: 'w' },
							{ content: '=', margin: '0 8px' },
							{ content: 'Q/F' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="T型段应力计算">
					<div class="collapse-formula">
						T型接头处产生的剪力Q＇：
						<MultilineFormula fontWeight="bold" :option="[
							{ content: 'Q\'' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[
										{ content: 'ε', scale: 2, sub: 'max' },
										{ content: '·E·F' },
										{ content: '-' },
										{ content: 't', sub: 'u' },
										{ content: '·' },
										{ content: 'L\'', sub: 'f' },
									],
									[{ content: '2' }]
								]
							},
						]"></MultilineFormula>
					</div>
					<div class="collapse-formula">
						弯距M＇:
						<Formula fontWeight="bold" :option="[
							{ content: 'M\'' },
							{ content: '=', margin: '0 8px' },
							{ content: 'Q\'' },
							{ content: '(2' },
							{ content: 'β' },
							{ content: '-', left: '-12px', top: '-15px' },
							{ content: ')', left: '-10px' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						T型段的正应力(轴向):
						<Formula fontWeight="bold" :option="[
							{ content: 'σ', sub: 't' },
							{ content: '=', margin: '0 8px' },
							{ content: 'M\'D' },
							{ content: '/' },
							{ content: '(2·I)' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						T型段的剪应力（环向）:
						<Formula fontWeight="bold" :option="[
							{ content: 'τ', sub: 'w' },
							{ content: '=', margin: '0 8px' },
							{ content: 'Q\'/F' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="温度引起的温度应力σT">
					<div class="collapse-formula">
						温差:
						<Formula :option="[
							{ content: '(T。- T1）' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						温度引起的温度应力σT:
						<Formula :option="[
							{ content: 'σT' },
							{ content: '=', margin: '0 8px' },
							{ content: 'E*α*K*（T。- T1）' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="管道受有内压时的应力计算">
					<div class="collapse-formula">
						曲率有关的修正系数:
						<Formula :option="[
							{ content: 'ŋ' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						管壁厚度:
						<Formula :option="[
							{ content: 'δ' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						环向拉应力:
						<Formula :option="[
							{ content: 'σ', scale: 1.2, sub: 'ch' },
							{ content: '=', margin: '0 8px' },
							{ content: 'P', sub: 'x' },
							{ content: 'D/2' },
							{ content: 'δ' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						纵向拉应力:
						<Formula :option="[
							{ content: 'σ', scale: 1.2, sub: 'ah' },
							{ content: '=', margin: '0 8px' },
							{ content: '(' },
							{ content: 'D·P', sub: 'x' },
							{ content: '/2δ' },
							{ content: ')' },
							{ content: '·ŋ' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="覆土静压力造成的管段应力的计算">
					<div class="collapse-formula">
						土静压力:
						<Formula :option="[
							{ content: 'Ps' },
							{ content: '=', margin: '0 8px' },
							{ content: '（1+K。）YH/2' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						环向压应力:
						<Formula :option="[
							{ content: 'σ', scale: 1.2, sub: 'cs' },
							{ content: '=', margin: '0 8px' },
							{ content: 'PsD/2δ' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						纵向压应力:
						<Formula :option="[
							{ content: 'σ', scale: 1.2, sub: 'as' },
							{ content: '=', margin: '0 8px' },
							{ content: 'μ' },
							{ content: 'σ', scale: 1.2, sub: 'cs' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="许用应力">
					<div class="collapse-formula">
						<Formula :option="[
							{ content: '[σ]' },
							{ content: '=', margin: '0 8px' },
							{ content: '|σ1- σ2|' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="地震造成的管轴向变形">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'ε', sub: 'R' },
							{ content: '=', margin: '0 8px' },
							{ content: 'V/C', sub: 'R' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						管道轴向应变量幅值：
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'ε', sub: 'T' },
							{ content: '=', margin: '0 8px' },
							{ content: 'ε', sub: 'R' },
							{ content: '·' },
							{ content: 'ζ' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L', sub: 'T' },
							{ content: '=', margin: '0 8px' },
							{ content: 'C', sub: 'l' },
							{ content: '·' },
							{ content: 'l' },
							{ content: '·' },
							{ content: 'ε', sub: 't' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="土静压力造成的轴向变形">
					<div class="collapse-formula">
						管侧横向土压力系数：
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'K', sub: '0' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						<MultilineFormula tagOffset="-6px" :option="[
							{ content: 'P', sub: 's' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[
										{ content: '1+' },
										{ content: 'K', sub: '0' },
									],
									[{ content: '2' }]
								]
							},
							{ content: 'r' },
							{ content: '·' },
							{ content: 'H' },
						]"></MultilineFormula>
					</div>
					<div class="collapse-formula">
						<MultilineFormula tagOffset="-6px" :option="[
							{ content: 'ε', sub: 's' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[
										{ content: 'P', scale: 2, sub: 's' },
										{ content: 'D', sub: 'ŋ' },
									],
									[{ content: '2δ' }]
								]
							},
							{ content: '·' },
							{
								rows: [
									[{ content: '1' }],
									[{ content: 'E' }]
								]
							}
						]"></MultilineFormula>
					</div>
					<div class="collapse-formula">
						压缩变形：
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L', sub: 's' },
							{ content: '=', margin: '0 8px' },
							{ content: 'ε', sub: 's' },
							{ content: '·' },
							{ content: 'l' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="水内压造成轴向变形">
					<div class="collapse-formula">
						拉伸应变：
						<MultilineFormula tagOffset="-6px" :option="[
							{ content: 'ε', sub: 'h' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[
										{ content: 'P', scale: 2, sub: 'n' },
										{ content: '·' },
										{ content: 'D', sub: 'ŋ' },
									],
									[{ content: '2δ' }]
								]
							},
							{ content: '·' },
							{
								rows: [
									[{ content: '1' }],
									[{ content: 'E' }]
								]
							},
							{ content: '·' },
							{ content: 'μ' },

						]"></MultilineFormula>
					</div>

					<div class="collapse-formula">
						拉伸变形：
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L', sub: 'h' },
							{ content: '=', margin: '0 8px' },
							{ content: 'ε', sub: 'h' },
							{ content: '·' },
							{ content: 'l' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						组合轴向拉伸：
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L' },
							{ content: '=', margin: '0 8px' },
							{ content: '△L', sub: 'T' },
							{ content: '+' },
							{ content: '△L', sub: 's' },
							{ content: '+' },
							{ content: '△L', sub: 'h' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="计算破坏程度">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L', sub: 'T' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L', sub: 'S' },
						]"></Formula>
					</div>
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L', sub: 'h' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '△L' },
							{ content: '=', margin: '0 8px' },
							{ content: '△L', sub: 'T' },
							{ content: '+' },
							{ content: '△L', sub: 's' },
							{ content: '+' },
							{ content: '△L', sub: 'h' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: '|△L|' },
						]"></Formula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>供水</h2>
			<el-collapse>
				<el-collapse-item title="裂缝间钢筋应变的不均匀系数">
					<div class="collapse-formula">
						裂缝间钢筋应变的不均匀系数：
						<MultilineFormula tagOffset="-6px" :option="[
							{ content: 'Ψ' },
							{ content: '=', margin: '0 8px' },
							{ content: '1.2' },
							{ content: '[' },

							{ content: '1-' },
							{
								rows: [
									[
										{ content: '0.235(1+2r', sub: '1' },
										{ content: '+' },
										{ content: '0.4r', super: '\'', sub: '1' },
										{ content: '）' },
										{ content: 'R', sub: 'f' },
										{ content: 'bh', super: '2' },
									],
									[{ content: 'M' }]
								]
							},
							{ content: ']' },
						]"></MultilineFormula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="裂缝截面处钢筋的应变">
					<div class="collapse-formula">
						裂缝截面处钢筋的应变：
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'ε', sub: 'g' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="公式">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'ε', sub: 'g' },
							{ content: '-', left: '-24px', top: '-13px' },
							{ content: '=', margin: '0 8px' },
							{ content: 'Ψ' },
							{ content: 'ε', sub: 'g' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<!-- Ψ ξ τ ψ -->
				<el-collapse-item title="平均裂缝间距">
					<div class="collapse-formula">
						平均裂缝间距:
						<MultilineFormula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'L', sub: 'f' },
							{ content: '=', margin: '0 8px' },
							{ content: '[' },
							{ content: '6+0.06' },
							{
								rows: [
									[{ content: 'd' }],
									[{ content: 'μ' }]
								]
							},
							{ content: '(1+2r', sub: '1' },
							{ content: '+' },
							{ content: '0.4r', super: '\'', sub: '1' },
							{ content: '）' },
							{ content: ']' },
							{ content: 'v' },
						]"></MultilineFormula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="钢筋水平处裂缝之间受拉混凝土的平均应变">
					<div class="collapse-formula">
						钢筋水平处裂缝之间受拉混凝土的平均应变:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'ε', sub: 'l' },
							{ content: '-', left: '-24px', top: '-8px' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="钢筋的平均应变">
					<div class="collapse-formula">
						钢筋的平均应变:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'ε', sub: 'f' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="钢筋截面积">
					<div class="collapse-formula">
						钢筋截面积:
						<MultilineFormula fontWeight="bold" :option="[
							{ content: 'A', sub: 'g' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[{ content: '∏d', super: '2' }],
									[{ content: '4' }]
								]
							},
						]"></MultilineFormula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="配筋到惯性轴的距离">
					<div class="collapse-formula">
						配筋到惯性轴的距离:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'h', sub: '0' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="σg">
					<div class="collapse-formula">
						<MultilineFormula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'σ', sub: 'g' },
							{ content: '=', margin: '0 8px' },
							{
								rows: [
									[{ content: 'M' }],
									[
										{ content: '0.87' },
										{ content: 'A', sub: 'g', },
										{ content: 'h', sub: '0', }
									]
								]
							}
						]"></MultilineFormula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="δfmax">
					<div class="collapse-formula">
						<MultilineFormula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'δ', sub: 'fmax' },
							{ content: '=', margin: '0 8px' },
							{ content: '2.0Ψ' },
							{
								rows: [
									[{ content: 'σ', sub: 'g' }],
									[{ content: 'E', sub: 'g' },]
								]
							},
							{ content: 'L', sub: 'f' },
						]"></MultilineFormula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>供气</h2>
			<el-collapse>
				<el-collapse-item title="导轨发生塑性弯曲时所能承受的剪力为  F1：">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'F1' },
							{ content: '=', margin: '0 8px' },
							{ content: 'bh', super: '2' },
							{ content: '(' },
							{ content: 'σ', sub: 's' },
							{ content: ')' },
							{ content: '/' },
							{ content: '(' },
							{ content: '4H' },
							{ content: ')' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="导轨焊缝抗剪承载力为 F2：">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'F2' },
							{ content: '=', margin: '0 8px' },
							{ content: '2bh', sub: '1' },
							{ content: '[' },
							{ content: 'τ' },
							{ content: ']' },
							{ content: 'H' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="导轮轴抗弯曲承载力为：F3：">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'F3' },
							{ content: '=', margin: '0 8px' },
							{ content: 'πr', super: '3' },
							{ content: 'ξ' },
							{ content: '[' },
							{ content: 'σ', sub: 's' },
							{ content: ']' },
							{ content: '/' },
							{ content: '(' },
							{ content: '4L' },
							{ content: ')' },
						]"></Formula>
					</div>
				</el-collapse-item>

				<el-collapse-item title="导轮轴支承架脱焊抗剪承载力  F4：">
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'F4' },
							{ content: '=', margin: '0 8px' },
							{ content: '2Lb[τ]' },
						]"></Formula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>桥梁</h2>
			<el-collapse>
				<el-collapse-item title="桥梁震害度">
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="30px" :option="[
							{ content: 'A', sub: 'i' },
							{ content: '=' },
							{ content: 'W', sub: '0' },
							{ content: '∏', scale: 1.5, topContent: '9', bottomContent: 'j=1', margin: '0 0 0 10px' },
							{ content: '∏', scale: 1.5, topContent: '2或3', bottomContent: 'k=1', margin: '0 0 0 10px' },
							{ content: 'W', sub: 'jk' },
							{ topContent: 'X', },
							{ super: 'jk', }
						]">
						</MultilineFormula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>道路</h2>
			<el-collapse>
				<el-collapse-item title="道路易损性计算过程">
					<div class="collapse-formula" style="margin-top:50px;">
						<MultilineFormula display="inline-block" font-size="20px" tagOffset="-3px" :option="[
							{ content: 'u', sub: 'Bi' },
							{ content: '(ind)' },
							{ content: '=' },
							{ content: 'e' },
							{
								rows: [
									[
										{ content: '-(ind-ind)', super: '2' },
										{ content: '-', left: '-30px', top: '-12px' }
									],
									[{ content: '2σ', sub: 'i', super: '2' }]
								],
                                style: {
                                    marginTop: '-50px'
                                }
							},
						]">
						</MultilineFormula>
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" tagOffset="-3px" :option="[
							{ content: 'ind', sub: 'i' },
							{ content: '-', left: '-18px', top: '-12px' },
							{ content: '=' },
							{ content: '0.2' },
							{ content: '∏', scale: '1.5', topContent: '7', bottomContent: 'j=1', margin: '0 0 0 5px' },
							{ content: 'X', sub: 'ij' },
							{ content: '-' },
							{ content: '0.1' },
						]">
						</MultilineFormula>
					</div>
					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'σ', sub: 'i' },
						]"></Formula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="确定震害度的概率密度函数">
					<div class="collapse-formula" style="margin-top:50px;">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
							{ content: 'f(x)' },
							{ content: '=' },
							{ content: 'e' },
							{
								rows: [
									[
										{ content: '-(x-0.106)', super: '2' },
									],
									[{ content: '0.08' }]
								],
                                style: {
                                    marginTop: '-50px'
                                }
							},
						]">
						</MultilineFormula>
					</div>
				</el-collapse-item>
				<el-collapse-item title="不同震害等级的概率">
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            { content: 'P(0＜X≤0.2)' },
                            { content: '=' },
                            { content: '0.2', },
                            {
                                rows: [
                                    [{ content: '2π' }]
                                ],
                                radical: true,
                                style: { marginLeft: '15px', padding: '0 0 0 5px' },
                            },
                            { content: '(' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.2-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: '-' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: ')' },
                        ]" />
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            { content: 'P(0.2＜X≤0.4)' },
                            { content: '=' },
                            { content: '0.2' },
                            {
                                rows: [
                                    [{ content: '2π' }]
                                ],
                                radical: true,
                                style: { marginLeft: '15px', padding: '0 0 0 5px' },
                            },
                            { content: '(' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.4-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: '-' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.2-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: ')' },
                        ]" />
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            { content: 'P(0.4＜X≤0.6)' },
                            { content: '=' },
                            { content: '0.2' },
                            {
                                rows: [
                                    [{ content: '2π' }]
                                ],
                                radical: true,
                                style: { marginLeft: '15px', padding: '0 0 0 5px' },
                            },
                            { content: '(' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.6-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: '-' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.4-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: ')' },
                        ]" />
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            { content: 'P(0.6＜X≤0.8)' },
                            { content: '=' },
                            { content: '0.2' },
                            {
                                rows: [
                                    [{ content: '2π' }]
                                ],
                                radical: true,
                                style: { marginLeft: '15px', padding: '0 0 0 5px' },
                            },
                            { content: '(' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.8-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: '-' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.6-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: ')' },
                        ]" />
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            { content: 'P(0.8＜X≤1.0)' },
                            { content: '=' },
                            { content: '0.2' },
                            {
                                rows: [
                                    [{ content: '2π' }]
                                ],
                                radical: true,
                                style: { marginLeft: '15px', padding: '0 0 0 5px' },
                            },
                            { content: '(' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '1.0-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: '-' },
                            { content: 'Φ' },
                            { content: '(' },
                            {
                                rows: [
                                    [
                                        { content: '0.8-ind', sub: 'i' },
                                        { content: '-', left: '-18px', top: '-12px' }
                                    ],
                                    [{ content: '0.2' }]
                                ]
                            },
                            { content: ')' },
                            { content: ')' },
                        ]" />
					</div>
				</el-collapse-item>
				<el-collapse-item title="基本完好概率">
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            {
                                rows: [
                                    [
                                        { content: 'P(0＜X≤0.2)' },
                                    ],
                                    [
                                        { content: 'P(0＜X≤0.2)+P(0.2＜X≤0.4)+P(0.4＜X≤0.6)+P(0.6＜X≤0.8)+P(0.8＜X≤1.0)' }
                                    ]
                                ]
                            },
                        ]" />
					</div>
				</el-collapse-item>
				<el-collapse-item title="轻微破坏概率">
					<div class="collapse-formula">
						<MultilineFormula display="inline-block" font-size="20px" :option="[
                            {
                                rows: [
                                    [
                                        { content: 'P(0.2＜X≤0.4)' },
                                    ],
                                    [
                                        { content: 'P(0＜X≤0.2)+P(0.2＜X≤0.4)+P(0.4＜X≤0.6)+P(0.6＜X≤0.8)+P(0.8＜X≤1.0)' }
                                    ]
                                ]
                            },
                        ]" />
					</div>
				</el-collapse-item>
				<el-collapse-item title="中等破坏概率">
					<div class="collapse-formula">
                        <MultilineFormula display="inline-block" font-size="20px" :option="[
                            {
                                rows: [
                                    [
                                        { content: 'P(0.4＜X≤0.6)' },
                                    ],
                                    [{ content: 'P(0＜X≤0.2)+P(0.2＜X≤0.4)+P(0.4＜X≤0.6)+P(0.6＜X≤0.8)+P(0.8＜X≤1.0)' }]
                                ]
                            },
                        ]" />
					</div>
				</el-collapse-item>
				<el-collapse-item title="严重破坏概率">
					<div class="collapse-formula">
                        <MultilineFormula display="inline-block" font-size="20px" :option="[
                            {
                                rows: [
                                    [
                                        { content: 'P(0.6＜X≤0.8)' },
                                    ],
                                    [{ content: 'P(0＜X≤0.2)+P(0.2＜X≤0.4)+P(0.4＜X≤0.6)+P(0.6＜X≤0.8)+P(0.8＜X≤1.0)' }]
                                ]
                            },
                        ]" />
					</div>
				</el-collapse-item>
				<el-collapse-item title="毁坏概率">
					<div class="collapse-formula">
                        <MultilineFormula display="inline-block" font-size="20px" :option="[
                            {
                                rows: [
                                    [
                                        { content: 'P(0.8＜X≤1.0)' },
                                    ],
                                    [{ content: 'P(0＜X≤0.2)+P(0.2＜X≤0.4)+P(0.4＜X≤0.6)+P(0.6＜X≤0.8)+P(0.8＜X≤1.0)' }]
                                ]
                            },
                        ]" />
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>变电站</h2>
			<el-collapse>
				<el-collapse-item title="计算各个区间的失效概率">
					<div class="collapse-formula">
						<MultilineFormula display="block" :option="[
							{ content: 'P', sub: 'GA' },
							{ content: '(i)' },
							{ content: '=' },
							{ content: '[' },
							{ content: '∑', scale: 1.5, topContent: 'J', bottomContent: 'j=1' },
							{ content: 'Z', sub: 'one' },
							{ content: '(j)' },
							{ content: 'P', sub: 'GAj' },
							{ content: ']' },
							{ content: '/' },
							{ content: 'Z', sub: 'one' },

						]">
						</MultilineFormula>
					</div>

					<div class="collapse-formula">
						<MultilineFormula display="block" :option="[
							{ content: 'r' },
							{ content: '(i)' },
							{ content: '=' },
							{ content: '1-' },
							{
								rows: [
									[{ content: 'f(i)' }],
									[{ content: 'N(i)' }],
								]
							}
						]">
						</MultilineFormula>
					</div>

					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'R(i)' },
							{ content: '=', margin: '0 8px' },
							{ content: 'R(i-1)r(i)' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'F(i)' },
							{ content: '=', margin: '0 8px' },
							{ content: '1-R(i)' },
						]"></Formula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>供电设备</h2>
			<el-collapse>
				<el-collapse-item title="供电设备易损性计算">
					<div class="collapse-formula">
						<MultilineFormula display="block" tagOffset="-6px" font-size="16px" style="padding: 5px 0;" :option="[
							{ content: 'erf' },
							{ content: '(x)' },
							{ content: '=' },
							{
								rows: [
									[{ content: '2' }],
									[
										{
											rows: [
												[{ content: 'π' }]
											],
											radical: true,
											style: { marginLeft: '15px', padding: '0 0 0 5px' },
										},
									]
								]
							},

							{ content: '∫', scale: 1.5, topContent: 'x', bottomContent: '0' },
							{ content: 'e', super: '-t2', },

							{ content: 'dt' },
						]">
						</MultilineFormula>
					</div>
					<div class="collapse-formula">
						<MultilineFormula display="block" tagOffset="-6px" font-size="16px" :option="[
							{ content: 'F' },
							{ content: '(x)' },
							{ content: '=' },
							{ content: '0.5+' },
							{ content: '0.5', sub: 'erf' },
							{ content: '(' },
							{
								rows: [
									[{ content: '(x-μ)' }],
									[
										{ content: 'σ' },
										{
											rows: [
												[{ content: '2' }]
											],
											radical: true,
											style: { marginLeft: '15px', padding: '0 0 0 5px' },
										},
									]
								]
							},
							{ content: ')' },
						]">
						</MultilineFormula>
					</div>
					<div class="collapse-formula">
						<!--  -->
						<MultilineFormula display="block" tagOffset="-6px" font-size="16px" :option="[
							{ content: 'f' },
							{ content: '(x)' },
							{ content: '=' },
							{
								rows: [
									[{ content: '1' }],
									[
										{ content: 'σ' },
										{
											rows: [
												[{ content: '2π' }]
											],
											radical: true,
											style: { marginLeft: '15px', padding: '0 0 0 5px' },
										},
									]
								]
							},
							{ content: 'exp' },
							{ content: '[' },
							{ content: '-' },
							{
								rows: [
									[{ content: '(x-μ)', super: '2', }],
									[
										{ content: '2σ', super: '2', }
									]
								]
							},
							{ content: ']' },
						]">
						</MultilineFormula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>

		<div class="math-formula-panel">
			<h2>通信设备</h2>
			<el-collapse>
				<el-collapse-item title="通讯设备水平地震作用力的计算     FH">
					<div class="collapse-formula">
						α0:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'α', sub: '0' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						αmax:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'α', sub: 'max' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						α=α0αmax:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'α' },
							{ content: '=', margin: '0 8px' },
							{ content: 'α', sub: '0' },
							{ content: 'α', sub: 'max' },
						]"></Formula>
					</div>

					<div class="collapse-formula">
						FH=K1K2K3aW:
						<Formula tagOffset="-6px" fontWeight="bold" :option="[
							{ content: 'F', sub: 'H' },
							{ content: '=', margin: '0 8px' },
							{ content: 'K', sub: '1' },
							{ content: 'K', sub: '2' },
							{ content: 'K', sub: '3' },
							{ content: 'a' },
							{ content: 'W' },
						]"></Formula>
					</div>
				</el-collapse-item>
			</el-collapse>
		</div>
	</div>
</template>

<script setup>
import { ref } from 'vue';
// 引入公式组件
import Formula from '@/components/Formula';
import MultilineFormula from '@/components/Formula/multiline';
// 获取当前实例
const { proxy } = getCurrentInstance();
// 当前dom对象
const lifeline = ref();

defineExpose({
	lifeline
});
</script>

<style lang="scss" scoped>
.el-collapse {
	--el-collapse-header-font-size: 20px;
	--el-collapse-content-font-size: 20px;

	.collapse-formula {
		text-align: center;
	}

	.collapse-formula:not(:last-child) {
		margin-bottom: 20px;
	}
}
</style>